<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String contextPath = request.getContextPath();
%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="<%=contextPath%>/plugin/jquery/jquery-1.8.3.js"></script>
<link media="screen" rel="stylesheet" type="text/css" href="<%=contextPath%>/plugin/metro-bootstrap/css/modern.css" />
<link media="screen" rel="stylesheet" type="text/css" href="<%=contextPath%>/plugin/metro-bootstrap/css/modern-responsive.css" />
<link media="screen" rel="stylesheet" type="text/css" href="<%=contextPath%>/plugin/metro-bootstrap/css/site.css" />
<script type="text/javascript" src="<%=contextPath%>/plugin/metro-bootstrap/js/tile-slider.js"></script>
<script type="text/javascript" src="<%=contextPath%>/script/home.js"></script>
<title>四川省重点项目综合管理信息平台</title>
<style type="text/css">
	.img_div{
		width: 50px;
		height:55px;
		background-color: transparent;
		float: left;
		margin-left: 5px;
		margin-top: 5px;
	}
	.img_txt{
		font-family: Microsoft YaHei;
		position:relative;
		top:-5%;
		font-size: xx-small;
	}
    
    .metrouicss div {
        font-family:  Microsoft YaHei;
        font-weight: 300;
        font-size: 8pt;
    }
    
    .icon_brand{
        font-family:  Microsoft YaHei;
        text-align:center;
        vertical-align: middle;
        font-size: 10pt;
    }
</style>
</head>

<body class="metrouicss" style="zoom: 1;">
	<div class="page" style="font-size:8px;">
		<!-- ===================页头======================== -->	
		<div class="page-header" style="vertical-align: middle;width: 100%;">
			<div class="page-header-content">
			<div class="tile bg-color-blue outline-color-yellow" style="width: 100%;height: 80px;vertical-align: middle;margin-top: 20px;padding-left: 20px;">
					<div class="tile-content">
					<img src="<%=contextPath%>/plugin/metro-bootstrap/img/headIcon.png" width="48px" height="48px" style="margin-top: 8px;"/> 
					<font size="6" style="font-family: Microsoft YaHei;margin-top:30px;position: relative;top:-18%;">
						四川省重点项目综合管理信息平台
					</font>
                    <img src="<%=contextPath%>/plugin/metro-bootstrap/img/user_icon.png" width="24px" height="24px" 
                        style="float: right;position: relative;margin-top:40px;"/> 
					</div>
			</div>
			</div>
		</div>
		<!-- ===================页面内容======================== -->
		<div class="page-region">
			<div class="page-region-content">
			<!-- ===================内容开始======================== -->
					<div class="grid span12">
	                    <!-- ===================ROW======================== -->
	                    <div class="row" style="margin-bottom:0px;">
                            <!-- ==========第一模块======== -->                           
	                        <div class="span12  bg-color-green" style="margin-bottom:10px;">
                                <!-- ==========第一行:图片墙======== -->
                                <div class="tile double image-slider bg-color-green outline-color-blue" style="margin-right: 3px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="left" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1015.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1016.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tile double image-slider bg-color-green outline-color-blue" style="margin-right: 3px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="left" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1016.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1015.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tile double image-slider bg-color-green outline-color-blue" style="width: 313px;margin-right: 0px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="left" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1017.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1016.jpg" alt="">
                                    </div>
                                </div>
                                
                                                                <div class="tile double image-slider bg-color-green outline-color-blue" style="margin-right: 3px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="up" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1051.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1017.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tile double image-slider bg-color-green outline-color-blue" style="margin-right: 3px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="up" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1218.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1365.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tile double image-slider bg-color-green outline-color-blue" style="width: 313px;margin-right: 0px;margin-bottom: 0px;"
                                    data-role="tile-slider" data-param-direction="up" data-param-period="3000">  
                                    <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                                        <img src="<%=contextPath%>/img/PIC_1365.jpg" alt="">
                                    </div>
                                    <div class="tile-content">
                                        <img src="<%=contextPath%>/img/PIC_1218.jpg" alt="">
                                    </div>
                                </div>
<!--                                 <div class="tile image-slider bg-color-green outline-color-blue" style="width: 155px;margin-right: 3px;margin-bottom: 0px;" -->
<!--                                     data-role="tile-slider" data-param-direction="left" data-param-period="3000">   -->
<!--                                     <div class="tile-content" style="position: absolute; left: 0px; top: 0px;"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_3.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                     <div class="tile-content"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_2.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                 </div> -->
<!--                                 <div class="tile image-slider bg-color-green outline-color-blue" style="width: 155px;margin-right: 3px;margin-bottom: 0px;" -->
<!--                                     data-role="tile-slider" data-param-direction="left" data-param-period="3000">   -->
<!--                                     <div class="tile-content" style="position: absolute; left: 0px; top: 0px;"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_3.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                     <div class="tile-content"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_2.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                 </div> -->
<!--                                 <div class="tile image-slider bg-color-green outline-color-blue" style="width: 150px;margin-right: 0px;margin-bottom: 0px;" -->
<!--                                     data-role="tile-slider" data-param-direction="left" data-param-period="3000">   -->
<!--                                     <div class="tile-content" style="position: absolute; left: 0px; top: 0px;"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_3.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                     <div class="tile-content"> -->
<%--                                         <img src="<c:url value='/plugin/metro-bootstrap/img/program_2.png'/>" alt=""> --%>
<!--                                     </div> -->
<!--                                 </div> -->
                            </div>
                            <div class="span12" style="margin-bottom:0px;">
                                <!-- ==========第二行======== -->
                                <!-- 4张跳转图标 -->
                                 <div class="tile icon bg-color-green outline-color-blue" onclick="window.open('<c:url value="/nb/nbmon/list"/>')">                                   
                                    <div class="tile-content">
                                        <img src="<c:url value='/plugin/metro-bootstrap/img/icon_stats.png'/>" style="vertical-align:bottom"/>
                                    </div>
                                    <div class="brand bg-color-green">      
                                            <p class="icon_brand" style="font-family: Microsoft YaHei;">曲线图</p>
                                    </div>
                                </div>
                                <!-- 搜索项目窗口 -->
                                <div class="tile bg-color-green outline-color-blue" style="width: 385px;">  
                                    <div style="margin:5px 5px 15px 5px;height:10%;width:100%;">
                                    <form id="personDetailFormId" class="form-horizontal" action="<c:url value="/person"/>" method="post">
                                        <input type="text" id="personName" name="personName" value="${person.personName }" style="width:300px;color:black;"/>
                                        <img id="searchBtn" src="<c:url value='/plugin/metro-bootstrap/img/icon_search.png'/>" 
                                            style="vertical-align:bottom;margin-left:5px;" width="24" height="24px"/>
                                    </form>        
                                    </div>
                                    <div id="personInfoDiv" style="height:90%;margin-left:5px;margin-right:5px;font-family: Microsoft YaHei;">
                                            <table>
                                                <tr>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">姓 名：<span id="name_dis"></span></td>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">性 别：<span id="sex_dis"></span></td>
                                                </tr>
                                                <tr>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">办公电话：<span id="offphone_dis"></span></td>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">手机号码：<span id="phone_dis"></span></td>
                                                </tr>
                                                <tr>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">电子邮件：<span id="email_dis"></span></td>
                                                    <td style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">工作单位：<span id="org_dis"></span></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" style="font-family: Microsoft YaHei;font-size:7pt;padding-left:5px;">办公地址：<span id="addr_dis"></span></td>
                                                </tr>
                                            </table>
                                            
                                    </div>
                                </div>
                                <!-- 项目展现窗口 -->
                                <div class="tile bg-color-green outline-color-blue" style="width: 385px;margin-right: 0px;">
                                    <c:forEach items="${nb0202g0List}" var="item" varStatus="status">
                                    <!-- ============行数据=========== -->
                                    <!-- ============行数据结束=========== -->
                                    </c:forEach>
                                </div>
                            </div>
                            <!-- ==========第二模块======== -->
							<div class="span2" style="margin-bottom:0px;">
                                <!-- 柱状图 -->
								<div class="tile icon bg-color-green outline-color-blue" onclick="window.open('<c:url value="/chart/area"/>')">	
				                      <div class="tile-content">
                                            <img src="<c:url value='/plugin/metro-bootstrap/img/icon_bars.png'/>" class="place-center">
				                      </div>
                                      <div class="brand bg-color-green">      
                                            <p class="icon_brand" style="font-family: Microsoft YaHei;">柱状图</p>
                                      </div>
				                </div>
                                <!-- 圆饼图 -->
				                <div class="tile icon bg-color-orangeDark outline-color-blue" onclick="window.open('<c:url value="/chart/industry"/>')">
				                      <div class="tile-content">
				                      		<img src="<c:url value='/plugin/metro-bootstrap/img/icon_pie.png'/>" class="place-left">
				                      </div>
                                      <div class="brand bg-color-orangeDark">      
                                            <p class="icon_brand" style="font-family: Microsoft YaHei;">圆饼图</p>
                                      </div>
				                </div>
							</div>
							<div class="span10" style="margin-right: 0px;margin-bottom:0px;">
								<!-- ===================第一行，图片======================== -->
								<div class="tile image double-vertical outline-color-blue" style="width: 780px;margin-right: 0px;">
									<div class="tile-content">
										<img src="<c:url value='/plugin/metro-bootstrap/img/news.jpg'/>"/>
									</div>
									<div class="brand bg-color-blue" style="filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;">
			                            <p class="text" style="font-family: Microsoft YaHei;margin-bottom: 8px;">
			                            		图片介绍
										</p>
			                        </div>
								</div>
							</div>
                            <!-- ==========第三模块======== -->
                            <div class="span12">
                                <!-- ============第一大行=========== -->
                                <!-- 项目信息列表 -->
                                <div class="tile outline-color-blue" style="background-color:#698B22;width:470px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div style="font-family: Microsoft YaHei;margin-bottom:5px;">项目信息</div>
                                            <div>
                                             </div>
                                      </div>
                                </div>
                                <!-- 项目计划列表 -->
                                <div class="tile bg-color-greenDark outline-color-blue" style="width:460px;margin-right:0px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div style="font-family: Microsoft YaHei;margin-bottom:5px;">项目计划</div>                                           
                                            <div>
                                            </div>
                                            <!-- ============行结束=========== -->  
                                      </div>
                                </div>
                                <!-- ============第二大行=========== -->
                                <!-- 项目储备列表 -->
                                <div class="tile outline-color-blue" style="background-color:#698B22;width:470px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div style="font-family: Microsoft YaHei;margin-bottom:5px;">项目储备</div>   
                                            <div>
                                             </div>
                                      </div>
                                </div>
                                <!-- 项目规划列表 -->
                                <div class="tile bg-color-greenDark outline-color-blue" style="width:460px;margin-right:0px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div style="font-family: Microsoft YaHei;margin-bottom:5px;">项目规划</div>   
                                            <div>
                                            </div>
                                            <!-- ============行结束=========== -->  
                                      </div>
                                </div>
                                <!-- ============第三大行=========== -->
                                <!-- 本地规划投资曲线图 -->
                                <div class="tile double outline-color-blue" style="background-color:#698B22;width:385px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div>
                                                <!-- ===list item=== -->
                                                <div style="margin-bottom:5px;font-family: Microsoft YaHei;">
                                                </div>
                                                <div style="font-family: Microsoft YaHei;text-indent:0em; line-height:150%;">    
                                                    
                                                </div>
                                             </div>
                                      </div>
                                </div>
                                <!-- 项目展示 -->
                                <div class="tile double bg-color-greenDark outline-color-blue" style="width:385px;">    
                                      <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div>
                                                <!-- ===list item=== -->
                                                <div style="margin-bottom:5px;font-family: Microsoft YaHei;">
                                                </div>
                                                <div style="font-family: Microsoft YaHei;text-indent:0em; line-height:150%;">    
                                                    
                                                </div>
                                            </div>
                                            <!-- ============行结束=========== -->  
                                      </div>
                                </div>
                                <!-- 项目展示2 -->
                                <div class="tile bg-color-greenDark outline-color-blue" style="margin-right:0px;">
                                    <div class="tile-content">
                                            <!-- ============行数据=========== -->
                                            <div>
                                                <!-- ===list item=== -->
                                                <div style="margin-bottom:5px;font-family: Microsoft YaHei;">
                                                </div>
                                                <div style="font-family: Microsoft YaHei;text-indent:0em; line-height:150%;">    
                                                    
                                                </div>
                                            </div>
                                            <!-- ============行结束=========== -->  
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ===================ROW END==================== -->
            </div>
			<!-- ===================内容结束======================== -->
			</div>
		</div>
	
	</div>
</body>
</html>